<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Link Generator for Galleria V2</title>
</head>
<body>

<table border="0" id="virtual-page-form" class="full">
	<tr><th>Blog title:</th><td><input type="text" value="Your Blog Title" id="title"></td></tr>
	<tr><th>Blog URL:</th><td>http://<input type="text" value="latitudu" id="domain">.blogspot.com</td></tr>
	<tr><th>Widget type:</th><td>
		<select id="type">
			<option value="thumbnail">Thumbnail</option>
			<option value="summary">Thumbnail + Summary</option>
		</select>
	</td></tr>
	<tr><th>Thumbnail format:</th><td>
		<select id="thumb">
			<option value="false">Auto</option>
			<option value="true">Square</option>
		</select>
	</td></tr>
	<tr><th>Post:</th><td><input type="text" value="20" id="numpost"> Posts</td></tr>
	<tr><th>Summary Post:</th><td><input type="text" value="270" id="numchar"> Characters</td></tr>
	<tr><th>Column width:</th><td><input type="text" value="200" id="colwidth"> Pixels</td></tr>
	<tr><th>Sort posts by specific label (optional):</th><td><input type="text" value="null" id="label"> &lArr; Your specific post label</td></tr>
	<tr><td colspan="2"><button onclick="generatePage();">Generate Page</button></td></tr>
</table>

<script type="text/javascript">
function generatePage() {
	var sourceURL = "http://hompimpa.googlecode.com/svn/trunk/Blogger-Masonry-Widget/your-virtual-page.html?page1",
		title = document.getElementById('title').value,
		domain = document.getElementById('domain').value,
		type = document.getElementById('type').value,
		thumb = document.getElementById('thumb').value,
		numpost = document.getElementById('numpost').value,
		numchar = document.getElementById('numchar').value,
		colwidth = document.getElementById('colwidth').value,
		tag = document.getElementById('label').value;
	window.open(sourceURL+'#'+type+'_'+domain+'_'+numpost+'_'+numchar+'_'+thumb+'_'+colwidth+'_Author:-on_'+tag+'_'+title);
	//window.open(window.location.href,'','width=600,height=300,scrollbars=0,menubars=0,left=100,top=100');
}
</script>
<style type="text/css">
#virtual-page-form {display:block;border:none !important;}
#virtual-page-form th, #virtual-page-form td {text-align:left;}
#virtual-page-form button {margin:20px;}
</style>

</body>
</html>